/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 3px;
    /*滚动条宽度*/
    height: 6px;
    /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    /*滚动条的背景区域的圆角*/
    background-color: #f8f8f8;
    /*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
    /*滚动条的背景颜色*/
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    user-select: none;
}
body{
    background: #f8f8f8;
    font-size: 14px;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
#nprogress .bar {
    background: #303E4D !important; 
}
.link-active{
    color:#f4c721 !important;
}
.body-box{
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
}
.el-tabs__item{
    user-select:  none !important;
}
.el-tabs__item.is-active{
    color:#8a70c6 !important;
}
.el-tabs__item:hover,.el-switch__label.is-active,.el-checkbox__input.is-checked+.el-checkbox__label{
    color:#8a70c6 !important;
}
.el-tabs__active-bar{
    background-color:#8a70c6 !important;
}
.tab-badge{
    padding: 0px 10px;
    background: #909399;
    margin-left: 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}
.el-tabs__item.is-active .tab-badge{
    background:#8a70c6
}
.search-box{
    margin:10px 0;
}
.search-btn-active,.search-btn:active,.search-btn:hover,.search-btn:link,.search-btn:visited{
    background: #8a70c6 !important;
    color:#fff !important;
    border: none !important;
  }
  .select-block{
      width: 100% !important;
  }
  .com-link{
    color: #8a70c6 !important;
  }
  .com-link:hover{
    color: #E6A23C !important;
  }
  .com-btn,.el-checkbox__input.is-checked .el-checkbox__inner{
      background: #8a70c6 !important;
      color: #fff !important;
      border-color:  #8a70c6 !important;
  }
  .el-message-box .el-button--primary{
    background: #8a70c6 !important;
    color: #fff !important;
    border-color:  #8a70c6 !important;
  }
  .el-date-table td.end-date span, .el-date-table td.start-date span{
    background-color: #8a70c6 !important
}
.el-date-table td.today span,.el-radio__input.is-checked+.el-radio__label{
    color: #8a70c6 !important
}
.el-radio__input.is-checked .el-radio__inner{
    background-color: #8a70c6 !important;
    border-color: #8a70c6 !important
}
.page-box{
    margin-top: 20px;
    text-align: right;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #8a70c6 !important;
}
.el-pagination.is-background .el-pager li:not(.active):hover{
    color: #8a70c6 !important;
}
.vl-notify-content{
    height: calc(100% - 41px);
}